<{include file="header.html"}>

<div class="F-box">
	<p class="F-title"><{T w='Fboxnote'}></p>
	<button id="F-register" class="F-register F-button"><{T w='Register'}></button>
<script type="text/javascript">
$(function(){
    
    $('.F-register').click(function(){
             $('.F-regbox').css('display','block');
             $('.F-loginbox').css('display','none');
             $('#F-register').css('display','none');
             $('#F-login').css('display','none');
             $(window.parent.document).find("div.fancybox-inner").css('height','600px');
             $(window.parent.document).find("div.fancybox-wrap").css('top','80px');
        });
    $('.F-login').click(function(){
             $('.F-regbox').css('display','none');
             $('.F-loginbox').css('display','block');
             $('#F-register').css('display','none');
             $('#F-login').css('display','none');
             //window.parent.document.getElementById('jtdiv').style.height='400px';
             $(window.parent.document).find("div.fancybox-inner").css('height','320px');
             
        });  
});

</script>
    
    <div class="F-regbox">
                        <script type="text/javascript">
                        $(function(){
                        $(".registerform").Validform({
                        		tiptype:function(msg,o,cssctl){
                            			var objtip=$("#regmsg");
                            			cssctl(objtip,o.type);
                            			objtip.text(msg);
                            		},
                        		ajaxPost:true,
                        		callback:function(data){
                        			if(data.status=='y'){
                                     parent.location.href="<{spUrl c=main a=CreateAccountSuccess}>";
                        			}
                        		} 
                        	});
                        });
                        </script>
    
                     <form class="registerform" action="<{spUrl c=main a=CreateAccount}>">
                        <input type="hidden" name="action" value="process" /><input type="hidden" name="email_pref_html" value="email_format" /> 
                        <table width="100%" class="maxtb">
                        	<tr>
                            	<td width="150"><label for="firstname" ><span class="alert">* </span><{T w='First name'}>:</label></td>
                                <td width="280">
                                    <input type="text" id="firstname" maxlength="32" size="33" name="firstname" class="Fosfinput" datatype="*2-30" errormsg="<{T w='Is your first name correct? Our system requires a minimum of 2 characters. Please try again.'}>" nullmsg="<{T w='Is your first name correct? Our system requires a minimum of 2 characters. Please try again.'}>"/>
                                
                                </td>
                            </tr>
                            <tr>
                            	<td><label for="lastname" ><span class="alert">* </span><{T w='Last name'}>:</label></td>
                                <td>
                                    <input type="text" id="lastname" maxlength="32" size="33" name="lastname" class="Fosfinput" datatype="*2-30" errormsg="<{T w='Is your last name correct? Our system requires a minimum of 2 characters. Please try again.'}>" nullmsg="<{T w='Is your last name correct? Our system requires a minimum of 2 characters. Please try again.'}>"/>
                                </td>
                            </tr>
                            <tr>
                            	<td><label for="street-address" ><span class="alert">* </span><{T w='Street address'}>:</label></td>
                                <td>
                                    <input type="text" id="street-address" maxlength="64" size="41" name="street_address" class="Fosfinput" datatype="*5-30" errormsg="<{T w='Your Street Address must contain a minimum of 5 characters.'}>" nullmsg="<{T w='Your Street Address must contain a minimum of 5 characters.'}>"/>
                                </td>
                            </tr>
                            <tr>
                            	<td><label for="suburb" > <{T w='Address Line 2'}>:</label></td>
                                <td>
                                    <input type="text" id="suburb" maxlength="32" size="33" name="suburb" class="Fosfinput"/>
                                </td>
                            </tr>
                            <tr>
                            	<td><label for="city" ><span class="alert">* </span><{T w='City'}>:</label></td>
                                <td>
                                    <input type="text" id="city" maxlength="32" size="33" name="city" class="Fosfinput" datatype="*2-20" errormsg="<{T w='Your City must contain a minimum of 2 characters.'}>" nullmsg="<{T w='Your City must contain a minimum of 2 characters.'}>"/>
                                </td>
                            </tr>
                            <tr>
                            	<td><label id="stateLabel" for="state" ><span class="alert">* </span><{T w='State/Province'}>:</label></td>
                                <td>
                                    <input type="text" id="state" maxlength="32" size="33" value="" name="state" class="Fosfinput" datatype="*2-20" errormsg="Your State/Province must contain a minimum of 2 characters." nullmsg="Your State/Province must contain a minimum of 2 characters"/>
                                    </td>
                            </tr>
                            <tr>
                            	<td><label for="postcode" ><span class="alert">* </span><{T w='Post/Zip Code'}>:</label></td>
                                <td>
                                    <input type="text" id="postcode" maxlength="10" size="11" name="postcode" class="Fosfinput" datatype="*4-20" errormsg="<{T w='Your Post/ZIP Code must contain a minimum of 4 characters.'}>" nullmsg="<{T w='Your Post/ZIP Code must contain a minimum of 4 characters.'}>"/>
                                </td>
                            </tr>
                            <tr>
                            	<td><label for="country" ><span class="alert">* </span><{T w='Country'}>:</label></td>
                                <td>
                                     <select name="zone_country_id" id="country" datatype="select" errormsg="<{T w='You must select a country from the Countries pull down menu.'}>">
                                      <option value=""><{T w='Please Choose Your Country'}></option>
                                      <{foreach item=item key=key from=$countries}>
                                      <option value="<{$item.countries_id}>"><{$item.countries_name}></option>
                                      <{/foreach}>
                                    </select>
                                    </td>
                            </tr>
                        </table>
                        
                        <h5 class="ld_item"><{T w='Login Details'}></h5>
                        <table width="100%" class="maxtb">
                        	<tr>
                            	<td width="150"><label  for="email-address"><span class="alert">* </span><{T w='Email Address'}>:</label></td>
                                <td width="280">
                                   	<input id="email-address" type="text" maxlength="96" size="41" name="email_address" class="Fosfinput" ajaxurl="<{spUrl c=main a=checkemail}>" datatype="e" errormsg="<{T w='Is your email address correct? It should contain at least 6 characters. Please try again.'}>" nullmsg="<{T w='Is your email address correct? It should contain at least 6 characters. Please try again.'}>"/>
                                </td>
                            </tr>
                            <tr>
                            	<td><label  for="telephone"><span class="alert">* </span><{T w='Telephone'}>:</label></td>
                                <td>
                                    <input id="telephone" type="text" maxlength="32" size="33" name="telephone" class="Fosfinput" datatype="*3-20" nullmsg="<{T w='Your Telephone Number must contain a minimum of 3 characters.'}>" errormsg="<{T w='Your Telephone Number must contain a minimum of 3 characters.'}>"/>
                                </td>
                            </tr>
                            <tr>
                            	<td><label  for="password-new"><span class="alert">* </span><{T w='Password'}>:</label></td>
                                <td>
                                    <input id="password-new" type="password" maxlength="40" size="21" name="password" class="Fosfinput" datatype="*1-30" nullmsg="<{T w='Your Password must contain a minimum of 1 characters.'}>" errormsg="<{T w='Your Password must contain a minimum of 1 characters.'}>"/>
                                    </td>
                            </tr>
                            <tr>
                            	<td><label  for="password-confirm"><span class="alert">* </span><{T w='Confirm password'}>:</label></td>
                                <td>
                                    <input id="password-confirm" type="password" maxlength="40" size="21" name="confirmation" class="Fosfinput" datatype="*" recheck="password" nullmsg="<{T w='The Password Confirmation must match your new Password.'}>" errormsg="<{T w='The Password Confirmation must match your new Password.'}>"/>
                                    </td>
                            </tr>
                        </table>
                        <input type="image" title=" Submit the Information " alt="Submit the Information" src="<{$smarty.const.BASEPATH}>/css/img/button_submit.gif">
                   	    <label id="regmsg"></label>
                </form>
            
                    <!--login template end-->
                </div>
    <button id="F-login" class="F-login F-button"><{T w='Login'}></button>
    <div class="F-loginbox">
                           <script type="text/javascript">
                        $(function(){
                        $("#loginForm").Validform({
                        		tiptype:function(msg,o,cssctl){
                            			var objtip=$("#loginmsg");
                            			cssctl(objtip,o.type);
                            			objtip.text(msg);
                            		},
                        		ajaxPost:true,
                        		callback:function(data){
                        			if(data.status=='y'){
                                     parent.location.href=data.url;
                        			}
                        		} 
                        	});
                        });
                        </script>
                                <form name="login" action="<{spUrl c=main a=login}>?type=Fbox" method="post" id="loginForm">
                                <h1><{T w='Welcome, Please Sign In'}></h1>
                            	<table width="100%" class="login_box">

                                  <tr>
                                    <td>
                                        
                                   		<table width="100%" class="no_bd nopadding">
                                        	<tr>
                                            	<td colspan="2">
                                                	<{T w='Returninginformation'}>
                                                </td>
                                            </tr>
                                        	<tr>
                                            	<td><label for="login-email-address"><{T w='Email Address'}>:</label></td>
                                				<td><input type="text" class="Fosfinput" size="30" name="email_address" datatype="e" errormsg="<{T w='Is your email address correct? It should contain at least 6 characters. Please try again.'}>" nullmsg="<{T w='Is your email address correct? It should contain at least 6 characters. Please try again.'}>"/>
                                                    <input type="hidden" name="action" value="process" />
                                                    <input type="hidden" name="returnurl" value="<{$returnurl}>" />
                                                </td>
                                            </tr>
                                            <tr>
                                            	<td><label for="login-password" ><{T w='Password'}>:</label></td>
                                				<td><input type="password" class="Fosfinput" size="30" name="password" datatype="*" nullmsg="Please enter your password"/></td>
                                            </tr>
                                        </table>
                                        
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                    	<table width="100%" class="no_bd nopadding">
                                        	<tr>
                                            <{if $smarty.const.FACEBOOK_TYPE eq 'True'}>
                                            	<td>
                                                	<a href="<{$loginUrl}>" rel="nofollow"><img src="<{$smarty.const.BASEPATH}>/css/img/bt-fb-sign-in.gif" /></a>
                                                </td>
                                            <{/if}>    
                                                <td>
                                                	<a rel="nofollow" href="<{spUrl c=main a=PasswordForgotten}>"><{T w='Forgot your password?'}></a>
                                                </td>
                                                <td align="right">
                                                	<input type="image" name="registrationButton" title=" Login In " alt="login In" src="<{$smarty.const.BASEPATH}>/css/img/button_login.gif"/>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                  </tr>
                                </table>
                                <label id="loginmsg"></label>
                                </form>
    </div>
	
</div>
</body>
</html>